@charset "utf-8";
@font-face {
		font-family: "pf";
		src:	url("../fonts/pf.eot"); 
		src:	url("../fonts/pf.ttf") format("truetype"),
				url("fonts/pf.eot") format("embedded-opentype");
    font-style: normal; font-weight: normal;
}
@keyframes rotate {

	0% { transform: translateX(0);}

    25% {transform: translateX(5px);}

    50% {transform: translateX(8px) scale(1.0, 1); }

    75% { ransform: translateX(5px);}

    100% {transform: translateX(0);}

}

.dian p{font-size: 16px;color: #333;letter-spacing: 5px;font-family: "pf";font-weight: bold;}

.header{width: 1200px;margin: auto;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 20px 0;}

.header .logo{float:left;width: 28%;}
.header .logo a img{width: 100%;}
.header .you{width: 68%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}


#search_box form{border: #666 1px solid;border-radius: 4px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0 10px;height: 50px;line-height: 50px;border-radius: 50px;}

#search_box input{display:block;border:none;color: #fff;background: none;}

#search_box .text{border-right: #666 1px solid;color: #fff;margin-right: 10px;}
#search_box .an img{display: inline-block;position: relative;top:18px;}

#fix_ewm_box{ display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.9); }

#fix_ewm_box .ewm img{display: block;position: absolute;top: 50%;margin-top: -160px;left: 50%;margin-left: -100px;width: 200px;height: 200px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.nav-w{height:62px;background-color: #0199cb;}

.container01 .menu{float: left;width: 784px;height:62px;}

.navl{position:fixed;left:0;top:0;z-index:98000;height:62px;width:100%;margin-left:0;background-color: #0199cb;}

.container01 .navl .menu{ top:0}

.container01 .navl #content_ss{ float:right !important;}

.container01 .nav-w .logo{ display:none;}

.container01 .navl .logo{ float:left; height:62px; margin:15px 0 0 0;}

.container01 .navl .logo{ display:block}

.container01 .nav-w .right{width: 137px;position: relative;margin: 15px 77px 0 0;}

.container01 .nav-w .right button{float: right;width: 140px;line-height:32px;height:32px;border: none;background: #fff url(../images/down.png) 118px 12px no-repeat;text-align: left;box-sizing: border-box;padding: 0px 0 0 18px;font-size: 12px;color: #3d3f40;cursor:pointer;margin-bottom:3px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius:2px;}

.container01 .nav-w .right #lan{position: absolute;right: 0;top: 35px;display:none;width: 140px;height: 74px;line-height:32px;padding:5px 0;box-sizing:border-box;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#28FFFFFF', endColorstr='#28FFFFFF');background: rgba(255,255,255,0.9);-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius:2px;}

.container01 .nav-w .right #lan a{display:inline-block;box-sizing:border-box;padding:0 0 0 18px;width:100%;line-height:24px;color: rgba(0,0,0,0.68);font-size:12px;}

.container01 .nav-w .right #lan a:hover{ color:#0199cb}

/*======================漂浮=========================*/

.piaofu{   position:absolute; right:0px; top:50%; margin-top:-105px; position:fixed; z-index:99999999; background:#fff;}

.piaofu .box a{ display:block; position:relative; width:70px; height:70px; background-color:#f6f6f9;}

.piaofu .wx{ position:relative;}

.piaofu .wx{ transition:1s; }

.piaofu .wx:hover .ewm{ display:block;  }

.piaofu .ewm_box{ position:relative;}

.piaofu .ewm_box{ transition:1s; }

.piaofu .ewm_box:hover .ewm{ display:block;  }



.piaofu .ewm{ display:none; position:absolute; right:70px; top:0; }

.piaofu .tel{ position:relative;}

.piaofu .tel{ transition:1s; }

.piaofu .tel:hover #tel_box{ display:block;   }

.piaofu .qq:hover #qq_box{ display:block;   }

.piaofu #tel_box{ border:1px solid #ddd; line-height: 68px; width: 100px; color:#545454; font-size:14px; background:#f9f9f9; border-radius:3px; padding:0 20px;  display:none; position:absolute; right:70px; top:0; }

.piaofu #qq_box{ border:1px solid #ddd; line-height: 34px; width: 100px; color:#545454; font-size:14px; background:#f9f9f9; border-radius:3px; padding:0 20px;  display:none; position:absolute; right:70px; top:142px; }

.piaofu .box a{ transition:1s; background-size:30px auto ;}

.piaofu  .qq a{  background:url(../images/icon_qq.png) center 10px no-repeat;}

.piaofu  .qq:hover a{ background:url(../images/icon_qqh.png) center 10px no-repeat;}

.piaofu  .zx1 a{  background:url(../images/icon_zx1.png) center 10px no-repeat;}

.piaofu  .zx1:hover a{ background:url(../images/icon_zx1h.png) center 10px no-repeat;}

.piaofu  .zx2 a{  background:url(../images/icon_zx2.png) center 10px no-repeat;}

.piaofu  .zx2:hover a{ background:url(../images/icon_zx2h.png) center 10px no-repeat;}

.piaofu  .zx3 a{  background:url(../images/icon_zx3.png) center 10px no-repeat;}

.piaofu  .zx3:hover a{ background:url(../images/icon_zx3h.png) center 10px no-repeat;}

.piaofu  .ewm_box a{  background:url(../images/icon_weixin.png) center 10px no-repeat;}

.piaofu  .ewm_box:hover a{ background:url(../images/icon_weixinhj.png) center 10px no-repeat;}



.piaofu  .wx a{  background:url(../images/icon_weixin.png) center 10px no-repeat;}

.piaofu  .wx:hover a{ background:url(../images/icon_weixinhj.png) center 10px no-repeat;}

.piaofu  .tel a{  background:url(../images/icon_tel.png) center 10px no-repeat;}

.piaofu  .qq a{  background:url(../images/icon_qq.png) center 10px no-repeat;}

.piaofu  .tel:hover a{ background:url(../images/icon_telh.png) center 10px no-repeat;}

.piaofu  .qq:hover a{ background:url(../images/icon_qqh.png) center 10px no-repeat;}

.piaofu  .address a{  background:url(../images/icon_address.png) center 10px no-repeat;}

.piaofu  .address:hover a{ background:url(../images/icon_addressh.png) center 10px no-repeat;}

.gotop a{ background:url(../images/icon_gotop.png) center 10px no-repeat;}

.piaofu .gotop:hover a{ background:url(../images/icon_gotoph.png) center 10px no-repeat;}

.piaofu .box a{  background-color:#f6f6f9; margin-bottom:1px }

.piaofu .box span{ font-size:12px; color:#838291;padding-left: 10px; position:absolute; bottom:5px; text-align:center;  }

.piaofu .box:hover a{ background-color:#0199cb; }

.piaofu .box:hover span{ color:#fff;}